﻿<s:SurfaceUserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:s="http://schemas.microsoft.com/surface/2008"
                      xmlns:my="clr-namespace:Surfium" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" x:Class="Surfium.MyDragCursor"
    mc:Ignorable="d">
    <s:SurfaceUserControl.Resources>

        <RadialGradientBrush x:Key="OsmoBrush">
            <GradientStop Color="#00FFFFFF" Offset="0.750"/>
            <GradientStop Color="#6600FF00" Offset="0.780"/>
        </RadialGradientBrush>
        <SolidColorBrush x:Key="BlackAlphaBrush" Color="#99000000"/>
        <Style x:Key="CursorStyle" TargetType="{x:Type s:SurfaceUserControl}">
            <Setter Property="Opacity" Value="0.50"/>
        </Style>
        <Storyboard x:Key="link_new_out" Duration="0:0:0.3" Storyboard.TargetName="link_new" >
            <DoubleAnimation To="0" Duration="0:0:0.3" Storyboard.TargetProperty="Opacity"/>
        </Storyboard>
        <Storyboard x:Key="link_new_in" Duration="0:0:0.3" Storyboard.TargetName="link_new" >
            <DoubleAnimation To="1" Duration="0:0:0.3" Storyboard.TargetProperty="Opacity"/>
        </Storyboard>

        <Storyboard x:Key="link_this_out" Duration="0:0:0.3" Storyboard.TargetName="link_this" >
            <DoubleAnimation To="0" Duration="0:0:0.3" Storyboard.TargetProperty="Opacity"/>
        </Storyboard>
        <Storyboard x:Key="link_this_in" Duration="0:0:0.3" Storyboard.TargetName="link_this" >
            <DoubleAnimation To="1" Duration="0:0:0.3" Storyboard.TargetProperty="Opacity"/>
        </Storyboard>

        <Storyboard x:Key="link_other_out" Duration="0:0:0.3" Storyboard.TargetName="link_other" >
            <DoubleAnimation To="0" Duration="0:0:0.3" Storyboard.TargetProperty="Opacity"/>
        </Storyboard>
        <Storyboard x:Key="link_other_in" Duration="0:0:0.3" Storyboard.TargetName="link_other" >
            <DoubleAnimation To="1" Duration="0:0:0.3" Storyboard.TargetProperty="Opacity"/>
        </Storyboard>
        
        
    </s:SurfaceUserControl.Resources>
    <s:SurfaceUserControl.Triggers>
        <EventTrigger RoutedEvent="my:MyDragCursor.DroppableNewLeave">
            <BeginStoryboard Storyboard="{StaticResource link_new_out}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="my:MyDragCursor.DroppableNewEnter">
            <BeginStoryboard Storyboard="{StaticResource link_new_in}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="my:MyDragCursor.DroppableThisLeave">
            <BeginStoryboard Storyboard="{StaticResource link_this_out}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="my:MyDragCursor.DroppableThisEnter">
            <BeginStoryboard Storyboard="{StaticResource link_this_in}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="my:MyDragCursor.DroppableOtherLeave">
            <BeginStoryboard Storyboard="{StaticResource link_other_out}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="my:MyDragCursor.DroppableOtherEnter">
            <BeginStoryboard Storyboard="{StaticResource link_other_in}"/>
        </EventTrigger>
        
    </s:SurfaceUserControl.Triggers>
    <Grid>
        <s:ElementMenuItem x:Name="sphere" HorizontalAlignment="Center" VerticalAlignment="Center">
            <s:ElementMenuItem.Header>
                <Border x:Name="cotnainer" MaxHeight="100" MaxWidth="130"  Margin="-1,1,1,-1" CornerRadius="2" Padding="0" Background="{DynamicResource BlackAlphaBrush}" >
                    <StackPanel>
                        <Image x:Name="inner_image" MaxHeight="60" MaxWidth="60" Stretch="Uniform"/>
                        <TextBlock Padding="3" x:Name="inner_label" TextWrapping="Wrap"  HorizontalAlignment="Left" FontFamily="Fonts/#Segoe UI" FontSize="9.333" FontWeight="Normal" Foreground="#CCFFFFFF"/>
                    </StackPanel>
                </Border>
            </s:ElementMenuItem.Header>
        </s:ElementMenuItem>
        <Grid HorizontalAlignment="Left" Opacity="0.7" d:LayoutOverrides="Height" Margin="0,-60,0,60">
            <Border x:Name="link_new" Background="{DynamicResource BlackAlphaBrush}" BorderThickness="1" CornerRadius="4" Margin="0" VerticalAlignment="Top" Opacity="0">
                <Canvas x:Name="dragdrop" HorizontalAlignment="Left" VerticalAlignment="Top" Width="60" Height="60" ClipToBounds="True" RenderTransformOrigin="0.5,0.5">
                    <Canvas.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="0.8" ScaleY="0.8"/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Canvas.RenderTransform>
                    <Path x:Name="Tvar_1_kopie_3" Fill="#FFFFFFFF" Width="55" Height="44" Canvas.Left="3" Canvas.Top="5" Data="F1M22.135,19.407C22.903,19.453 23.518,19.684 23.518,19.684 23.518,19.684 36.852,32.342 36.852,32.342 36.852,32.342 39.25,29.189 40.687,27.736 41.04,27.38 41.468,27.342 41.468,27.342 41.468,27.342 41.838,27.67 41.84,28.194 41.852,31.39 42.566,41.989 42.566,41.989 42.566,41.989 31.708,42.053 28.15,42.08 27.48,42.086 27.473,41.835 27.473,41.835 27.473,41.835 27.229,41.573 27.738,41.101 29.393,39.564 32.735,36.52 32.735,36.52 32.735,36.52 19.094,23.186 19.094,23.186 19.094,23.186 18.602,21.712 19.831,20.237 20.445,19.5 21.367,19.361 22.135,19.407z M8.034,1.751C8.034,1.751 30.215,1.751 30.215,1.751 33.881,1.751 36.852,4.722 36.852,8.387 36.852,8.387 36.852,13.932 36.852,19.478L36.852,20.544C36.852,20.544,35.669,21.727,33.895,23.501L32.881,24.515 32.881,24.289C32.881,16.812 32.881,6.842 32.881,6.842 32.881,6.435 32.551,6.105 32.144,6.105 32.144,6.105 6.62,6.105 6.62,6.105 6.213,6.105 5.883,6.435 5.883,6.842 5.883,6.842 5.883,32.365 5.883,32.365 5.883,32.772 6.213,33.102 6.62,33.102 6.62,33.102 16.59,33.102 24.068,33.102L24.293,33.102 23.914,33.481C22.805,34.59,21.77,35.625,20.883,36.512L20.19,37.205 19.125,37.205C13.579,37.205 8.034,37.205 8.034,37.205 4.369,37.205 1.398,34.234 1.398,30.569 1.398,30.569 1.398,8.387 1.398,8.387 1.398,4.722 4.369,1.751 8.034,1.751z"/>
                    <Path x:Name="Tvar_1_kopie_4" Fill="#FFFFFFFF" Width="41" Height="42" Canvas.Left="17" Canvas.Top="17" Data="F1M23.686,34.538L25.92,34.538 26.714,34.538 26.714,36.774 26.714,38.477 24.813,38.477 23.686,38.477 23.686,36.669C23.686,35.905,23.686,35.141,23.686,34.569z M18.024,34.538L20.498,34.538 21.599,34.538 21.599,34.569C21.599,35.141,21.599,35.905,21.599,36.669L21.599,38.477 20.101,38.477 18.024,38.477 18.024,37.09C18.024,36.274,18.024,35.458,18.024,34.845z M12.046,34.538L14.852,34.538 15.733,34.538 15.733,34.845C15.733,35.458,15.733,36.274,15.733,37.09L15.733,38.477 15.194,38.477 12.046,38.477 12.046,36.51z M2.083,31.033L2.314,31.033C2.885,31.033,4.256,31.033,6.083,31.033L6.39,31.033 6.39,31.568C6.39,32.968 6.39,33.83 6.39,33.83 6.39,34.221 6.707,34.538 7.098,34.538 7.098,34.538 7.481,34.538 8.151,34.538L9.307,34.538 9.307,36.51 9.307,38.477 8.694,38.477C8.538,38.477 8.455,38.477 8.455,38.477 4.936,38.477 2.083,35.624 2.083,32.105 2.083,32.105 2.083,31.772 2.083,31.19z M32.312,30.875L33.639,30.875C34.127,30.875,34.647,30.875,35.167,30.875L36.124,30.875 36.124,31.735C36.124,31.975 36.124,32.105 36.124,32.105 36.124,35.624 33.271,38.477 29.753,38.477 29.753,38.477 29.623,38.477 29.383,38.477L28.689,38.477 28.689,36.774 28.689,34.538 29.996,34.538C31.006,34.538 31.604,34.538 31.604,34.538 31.995,34.538 32.312,34.221 32.312,33.83 32.312,33.83 32.312,33.232 32.312,32.222z M32.312,25.483L34.588,25.483 36.124,25.483 36.124,27.165 36.124,28.143 35.167,28.143C34.647,28.143,34.127,28.143,33.639,28.143L32.312,28.143z M32.312,19.92L33.956,19.92 36.124,19.92 36.124,22.453 36.124,22.791 34.588,22.791 32.312,22.791 32.312,22.724z M32.312,14.443L34.64,14.443 36.124,14.443 36.124,17.546 36.124,17.597 33.956,17.597 32.312,17.597 32.312,17.078z M28.75,4.436L28.838,4.436C29.42,4.436 29.753,4.436 29.753,4.436 33.271,4.436 36.124,7.288 36.124,10.807 36.124,10.807 36.124,11.14 36.124,11.722L36.124,11.915 34.64,11.915 32.312,11.915 32.312,11.586C32.312,10.186 32.312,9.324 32.312,9.324 32.312,8.933 31.995,8.616 31.604,8.616 31.604,8.616 30.742,8.616 29.342,8.616L28.75,8.616 28.75,6.24z"/>
                    <Path x:Name="Tvar_2" Fill="#FFFFFFFF" Width="15" Height="15" Canvas.Left="43" Canvas.Top="3" Data="F1M9.16,13.392C9.16,13.392 6.421,13.392 6.421,13.392 6.421,13.392 6.421,8.616 6.421,8.616 6.421,8.616 1.645,8.616 1.645,8.616 1.645,8.616 1.645,5.876 1.645,5.876 1.645,5.876 6.421,5.876 6.421,5.876 6.421,5.876 6.421,1.1 6.421,1.1 6.421,1.1 9.16,1.1 9.16,1.1 9.16,1.1 9.16,5.876 9.16,5.876 9.16,5.876 13.935,5.876 13.935,5.876 13.935,5.876 13.935,8.616 13.935,8.616 13.935,8.616 9.16,8.616 9.16,8.616 9.16,8.616 9.16,13.392 9.16,13.392z"/>
                </Canvas>
            </Border>
            <Border x:Name="link_this" Background="{DynamicResource BlackAlphaBrush}" BorderThickness="1" CornerRadius="4" d:LayoutOverrides="Height" Opacity="0">
                <Canvas x:Name="dragdrop2" HorizontalAlignment="Left" VerticalAlignment="Top" Width="60" Height="60" ClipToBounds="True" RenderTransformOrigin="0.5,0.5">
                    <Canvas.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="0.8" ScaleY="0.8"/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Canvas.RenderTransform>
                    <Path x:Name="Tvar_1" Fill="#FFFFFFFF" Width="46" Height="47" Canvas.Left="7" Canvas.Top="6" Data="F1M14.396,13.841C14.396,13.841 32.772,13.841 32.772,13.841 33.217,13.841 33.578,14.202 33.578,14.647 33.578,14.647 33.578,33.023 33.578,33.023 33.578,33.468 33.217,33.829 32.772,33.829 32.772,33.829 14.396,33.829 14.396,33.829 13.951,33.829 13.59,33.468 13.59,33.023 13.59,33.023 13.59,14.647 13.59,14.647 13.59,14.202 13.951,13.841 14.396,13.841z M7.539,7.078C7.04,7.078 6.635,7.483 6.635,7.982 6.635,7.982 6.635,39.264 6.635,39.264 6.635,39.764 7.04,40.168 7.539,40.168 7.539,40.168 38.822,40.168 38.822,40.168 39.321,40.168 39.725,39.764 39.725,39.264 39.725,39.264 39.725,7.982 39.725,7.982 39.725,7.483 39.321,7.078 38.822,7.078 38.822,7.078 7.539,7.078 7.539,7.078z M9.473,1.842C9.473,1.842 36.66,1.842 36.66,1.842 41.152,1.842 44.794,5.484 44.794,9.976 44.794,9.976 44.794,37.163 44.794,37.163 44.794,41.655 41.152,45.297 36.66,45.297 36.66,45.297 9.473,45.297 9.473,45.297 4.981,45.297 1.339,41.655 1.339,37.163 1.339,37.163 1.339,9.976 1.339,9.976 1.339,5.484 4.981,1.842 9.473,1.842z"/>
                </Canvas>
            </Border>
            <Border x:Name="link_other" Background="{DynamicResource BlackAlphaBrush}" BorderThickness="1" CornerRadius="4" VerticalAlignment="Top" Opacity="0">
                <Canvas x:Name="dragdrop1" HorizontalAlignment="Left" VerticalAlignment="Top" Width="60" Height="60" ClipToBounds="True" RenderTransformOrigin="0.5,0.5">
                    <Canvas.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="0.8" ScaleY="0.8"/>
                            <SkewTransform AngleX="0" AngleY="0"/>
                            <RotateTransform Angle="0"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Canvas.RenderTransform>
                    <Path x:Name="Tvar_1_kopie_2" Fill="#FFFFFFFF" Width="56" Height="44" Canvas.Left="3" Canvas.Top="5" Data="F1M22.295,19.58C23.063,19.626 23.677,19.857 23.677,19.857 23.677,19.857 37.008,32.512 37.008,32.512 37.008,32.512 39.406,29.36 40.843,27.908 41.196,27.551 41.623,27.513 41.623,27.513 41.623,27.513 41.993,27.841 41.995,28.366 42.007,31.561 42.721,42.157 42.721,42.157 42.721,42.157 31.865,42.221 28.308,42.249 27.638,42.254 27.632,42.003 27.632,42.003 27.632,42.003 27.388,41.741 27.896,41.269 29.551,39.732 32.892,36.689 32.892,36.689 32.892,36.689 19.254,23.359 19.254,23.359 19.254,23.359 18.762,21.884 19.991,20.41 20.605,19.673 21.527,19.534 22.295,19.58z M8.196,1.927C8.196,1.927 30.373,1.927 30.373,1.927 34.037,1.927 37.008,4.898 37.008,8.562 37.008,8.562 37.008,14.106 37.008,19.651L37.008,20.717C37.008,20.717,35.825,21.9,34.051,23.673L33.038,24.687 33.038,24.461C33.038,16.986 33.038,7.018 33.038,7.018 33.038,6.61 32.708,6.28 32.301,6.28 32.301,6.28 6.783,6.28 6.783,6.28 6.376,6.28 6.046,6.61 6.046,7.018 6.046,7.018 6.046,32.535 6.046,32.535 6.046,32.942 6.376,33.272 6.783,33.272 6.783,33.272 16.751,33.272 24.227,33.272L24.452,33.272 24.073,33.651C22.964,34.76,21.93,35.795,21.043,36.682L20.35,37.374 19.285,37.374C13.74,37.374 8.196,37.374 8.196,37.374 4.532,37.374 1.561,34.403 1.561,30.739 1.561,30.739 1.561,8.562 1.561,8.562 1.561,4.898 4.532,1.927 8.196,1.927z"/>
                    <Path x:Name="Tvar_1_kopie" Fill="#FFFFFFFF" Width="38" Height="40" Canvas.Left="17" Canvas.Top="17" Data="F1M28.905,4.609L28.992,4.609C29.574,4.609 29.907,4.609 29.907,4.609 33.425,4.609 36.277,7.462 36.277,10.98 36.277,10.98 36.277,32.273 36.277,32.273 36.277,35.791 33.425,38.643 29.907,38.643 29.907,38.643 8.614,38.643 8.614,38.643 5.096,38.643 2.244,35.791 2.244,32.273 2.244,32.273 2.244,31.94 2.244,31.358L2.244,31.201 2.474,31.201C3.045,31.201,4.415,31.201,6.242,31.201L6.549,31.201 6.549,31.736C6.549,33.136 6.549,33.997 6.549,33.997 6.549,34.388 6.866,34.705 7.257,34.705 7.257,34.705 31.758,34.705 31.758,34.705 32.149,34.705 32.466,34.388 32.466,33.997 32.466,33.997 32.466,9.497 32.466,9.497 32.466,9.106 32.149,8.789 31.758,8.789 31.758,8.789 30.897,8.789 29.497,8.789L28.905,8.789 28.905,6.413z"/>
                </Canvas>
            </Border>
        </Grid>
    </Grid>
</s:SurfaceUserControl>
